<!DOCTYPE html>
<html>
<head>
    <title> {$site_info.site_name|default=''}</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}"/>
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head"/>
    <hook name="before_head_end"/>
</head>
<body class="page-index">
<div class="container">
    <include file="public@nav"/>


    <div class="contents">
        <div class="activityDetail">
            <div class="title">
                <ul class="news-title">
                    <li class="title-item">活动展示:{$data.title}</li>
                </ul>
            </div>
            <div class="box-cont">
                <div class="conLeft">
                    <div class="blockDeal">
                        <img src="/html/img/content.png" class="iconImg">
                        <div class="wzSty">活动内容：{$data.content}</div>
                        <div style="clear: both;"></div>
                    </div>

                    <div class="blockDeal">
                        <img src="/html/img/time.png" class="iconImg">
                        <div class="wzSty">活动日期：{$data['start_time']|date="Y-m-d"}</div>
                        <div style="clear: both;"></div>
                    </div>
                    <div class="blockDeal">
                        <img src="/html/img/time.png" class="iconImg">
                        <div class="wzSty">活动时间：
                            {$data['start_time']|date="H:i:s"}————{$data['end_time']|date="H:i:s"}
                        </div>
                        <div style="clear: both;"></div>
                    </div>

                    <div class="blockDeal">
                        <img src="/html/img/add.png" class="iconImg">
                        <div class="wzSty">活动地点：
                            <p>{$data.place}</p>

                        </div>

                        <div style="clear: both;"></div>
                    </div>

                    <div class="blockDeal">
                        <img src="/html/img/number.png" class="iconImg">
                        <div class="wzSty">参与人数：{$users|count}人</div>
                        <div style="clear: both;"></div>
                    </div>

                    <div class="blockDeal">
                        <img src="/html/img/cg.png" class="iconImg">
                        <div class="wzSty">活动成果：{$data.show}</div>
                        <div style="clear: both;"></div>
                    </div>
                </div>
                <div class="conRight">
                    <img src="{$data.qrcode|get_qrcode}" class="ewmImg">
                    <div class="prompt">（扫码查看活动）</div>
                </div>
                <div style="clear: both;"></div>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                    <legend>参与人员</legend>
                </fieldset>
                <blockquote class="layui-elem-quote layui-quote-nm">
                    <ul>
                        <foreach name="users" id="vo">
                        <li>
                            <a href="{:url('portal/volunt/detail',['user_id'=>$vo.id])}" title="点击查看志愿者档案">
                                <img style="width: 136px;height: 162px" src="{$vo.avatar}">
                                <text class="nameSty">{$vo.user_nickname}</text>
                            </a>
                        </li>
                        </foreach>

                    </ul>
                </blockquote>
            </div>
        </div>
        <div style="clear: both;"></div>
    </div>

    <include file="public@footer"/>
    <!-- /container -->
    <include file="public@scripts"/>
    <script>
        (function($){
            "use strict";

            $(function(){
                $('.layui-quote-nm li img').hover(function(){$(this).MaxScaleLarge()},function(){$(this).MaxScaleSmall()});
            })
        })(jQuery);

        //    layui
        layui.use(['laypage', 'layer'], function() {
            var laypage = layui.laypage
                    , layer = layui.layer;

        });
    </script>
    <hook name="before_body_end"/>
</body>
</html>